$(function(){
  // 去注册
  $('#link_reg').on('click',function(){
    $('.login-box').hide()
    $('.reg-box').show()
  })
  // 去登录
  $('#link_login').on('click',function(){
    $('.login-box').show()
    $('.reg-box').hide()
  })

  var form = layui.form;
  form.verify({
    // 自定义 密码校验规则
    pwd:[/^[\S]{6,15}$/,'密码必须6-15位,且不能出现空格'],
    // 校验俩次密码是否一致
    repwd:function(value) {
      var pwd = $('.reg-box [name=password]').val()
      if(pwd !== value) {
        return '两次密码不一致!'
      }
    }
  })
  
  // 注册表单提交事件
  $('#form_reg').on('submit',function(e){
    e.preventDefault()
    var data = {username:$('#form_reg [name=username]').val(),password:$('#form_reg [name=password]').val(),repassword:$('#form_reg [name=repassword]').val()}
    console.log(data);
    $.post('/api/reg',data,function(res){
      if(res.code !==0) {
        // layer.msg()  弹出层提示框
        return layer.msg(res.message)
      }
      layer.msg('注册成功');
      // 模拟人的点击行为
      $('#link_login').click()
    })
  })

  //  登录表单提交事件
  $('#form_login').on('submit',function(e){
    e.preventDefault()
    $.ajax({
      method:'POST',
      url:'/api/login',
      data:$(this).serialize(),
      success:function(res){
        if(res.code !== 0) {
          return layer.msg('登录失败')
        }
        // console.log(res.token);
        layer.msg('登录成功')
        localStorage.setItem('token',res.token)
        location.href = '../../index.html'
      }
    })
  })

})

